<template>
  <!--  <checkbox-group v-model="val" :options="typeList" @change="onChange" />-->
</template>

<script>
// import CheckboxGroup from '@gis/lib/components/checkbox-group';
export default {
  name: 'room-living-type-count',
  // components: { CheckboxGroup },
  props: {
    value: { type: Array, default: () => [] },
  },
  data() {
    return {
      val: undefined,
      typeList: [
        { value: 'D0067_1', label: '网约房旅馆', colSpan: 5 },
        { value: 'D0067_2', label: '群租', colSpan: 4 },
        { value: 'D0067_3', label: '境外人员居住', colSpan: 6 },
        { value: 'D0067_4', label: '重点人员居住', colSpan: 6 },
        { value: 'D0067_5', label: '其他', colSpan: 3 },
      ],
    };
  },
  watch: {
    value: {
      immediate: true,
      handler(val) {
        this.val = val;
      },
    },
  },
  methods: {
    onChange(checkedValue) {
      this.$emit('update:modelValue', checkedValue);
      this.$emit('input', checkedValue);
      this.$emit('change', checkedValue);
    },
  },
};
</script>

<style scoped lang="less">
.checkbox-group {
  /deep/ .ant-checkbox-wrapper {
    color: #ffffff;
    .ant-checkbox-inner {
      background-color: rgba(30, 46, 63, 0.5);
      border-color: #2a546c;
    }
    &.ant-checkbox-wrapper-checked {
      .ant-checkbox-inner {
        background: rgba(66, 255, 255, 0.5);
        border: 1px solid #84ffed;
      }
    }
  }
}
</style>
